<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit"> 
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
<title>河北省中医院预约挂号网站</title>
<link type="text/css" rel="stylesheet" href="${webPath}/css/main.css?v=3"/>
<link type="text/css" rel="stylesheet" href="${webPath}/css/common.css"/>
<link type="text/css" rel="stylesheet" href="${webPath}/jquery-ui-1.11.4/jquery-ui.min.css"/>
<script type="text/javascript" src="${webPath}/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="${webPath}/jquery-ui-1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="${webPath}/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="${webPath}/js/common.js"></script>
<script type="text/javascript">
$(function(){
	$("#submit-order").click(function(){
		// 检查表单信息
		$("span[class='wrong']").hide();
		
		var cardFlag = $("#cardFlag_select").val();
		
		
		var regIdCard = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[12])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/i;
		var cardNo = $("#id-card-num").val();
		if(cardNo.trim()=="" ){
			$("#id-card-num-wrong-info").show();
			return;
		}
		
		if(cardFlag=='1' && !regIdCard.test(cardNo)){
			$("#id-card-num-wrong-info").show();
			return;
		}
		
		var startDate = $("#startDate-input").val();
		if(startDate.trim()==""){
			$("#startDate-input-wrong-info").show();
			return;
		}
		
		var endDate = $("#endDate-input").val();
		if(endDate.trim()==""){
			$("#endDate-input-wrong-info").show();
			return;
		}
		
		// 提交表单
		$("#historyOrderForm").submit();
	})
	
})

</script>
</head>
<body>
<input type="hidden" id="rootWebPath" value="$!{webPath}" />
<div class="ui-widget" id="top_alert_div" style="display:none;">
	<div class="ui-state-highlight ui-corner-all" style="border-radius:0;padding:0.7em;">
		<p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
		<strong>警告!</strong>&nbsp;&nbsp;&nbsp;&nbsp;<span id="top_alert_div_msg">Sample ui-state-highlight style.</span></p>
	</div>
</div>
<div id="dbnav">
	<div class="dbnav_context">
		<p class="dbnav_context_left"><img src="http://img.bjguahao.gov.cn/ws/1.0/hs/images/dbnav.png"><span>010-114/116114电话预约</span></p>
		<div class="top_help">
			<a href="${webPath}/search/patient/searchPatInfo.htm">患者信息查询</a>
			<a href="javascript:void(0);">帮助中心</a>
		</div>
	</div>
</div>
<div id="top">
	<div class="top_left">
		<a href="$!{webPath}/index.htm"><img src="$!{webPath}/images/logo.png">
			<h2 class="top_h2">河北省中医院预约挂号网站</h2>
		</a>
	</div>
	<div class="top_search">
		<div class="option" id="wn_h_div">
			<span id="wn_h">科室</span>
		</div>
		<div class="sbox">
			<input class="ac_input" onblur="javascript:if(this.value=='')this.value='请输入搜索内容';" onfocus="javascript:if(this.value=='请输入搜索内容')this.value='';" value="请输入搜索内容" maxlength="30" name="words" id="words" type="text">
		</div>
		<div class="sbtn">
			<input value="" style="letter-spacing: -1px;" id="top_search_btn" type="button">
		</div>
		<div id="sbArea_h" style="display:none;">
			<a target="_self" href="javascript:void(0);">
				<div class="dselObj" id="wv_h_1">科室</div>
			</a>
			<a target="_self" href="javascript:void(0);">
				<div class="dselObj" id="wv_h_2">医生</div>
			</a>
		</div>
	</div>
</div>
<div id="index_nav_border">
	<div id="index_nav">
		<ul class="index_nav_ul">
			<li><a href="$!{webPath}/search/department/findAllDepartment.htm">全部科室</a></li>
			<li><a href="${webPath}/search/schedule/department.htm">科室排班</a></li>
			<li><a href="$!{webPath}/search/doctor/deptDoctorList.htm">科室医生</a></li>
		</ul>
		<div class="index_nav_right">
			<a target="_blank" href="$!{webPath}/search/order/queryOrder.htm">预约记录查询</a>
		</div>
	</div>
</div>

<div class="wrap">
	<div class="title">
		<p>预约记录信息查询</p>
	</div>
	<div class="container">
		<div class="write-list">
			<p class="doctor-title">
				请填写必要信息<span>(输入的信息，我们将为你保密)</span>
				<span class="right-info"><span>*</span>为必填项</span>
			</p>
			<form method="post" id="historyOrderForm" action="$!{webPath}/search/order/historyOrder.htm">
				<table>
					<tr>
						<td class="label">
							证件类型
						</td>
						<td class="essential-mark">
							<span class="star-red">*</span>
						</td>
						<td>
							<div class="widget-input" id="widget-input-name">
								<select name="cardFlag" id="cardFlag_select">
									<option value="1">身份证</option>
									<option value="0">就诊卡</option>
								</select>
								<span class="wrong" id="timeRange-wrong-info" style="display:none"><i class="instant-state fa fa-times-circle"></i><i id="name-wrong-info">请选择证件类型</i></span>
							</div>
						</td>
					</tr>
					<tr>
						<td class="label">
							证件号
						</td>
						<td class="essential-mark">
							<span class="star-red">*</span>
						</td>
						<td>
							<div class="widget-input">
								<input type="text" name="cardNum" id="id-card-num" style=""><span class="wrong" id="id-card-num-wrong-info" style="display:none"><i class="instant-state fa fa-times-circle"></i><i>请输入正确证件号</i></span>
							</div>
						</td>
					</tr>
					<tr>
						<td class="label">
							开始日期
						</td>
						<td class="essential-mark">
							<span class="star-red">*</span>
						</td>
						<td>
							<div class="widget-input">
								<input type="text" style="width:120px;" onClick="WdatePicker({readOnly:true,maxDate:'#F{$dp.$D(\'endDate-input\')}'})" class="Wdate" name="startDate" id="startDate-input" ><span class="wrong" id="startDate-input-wrong-info" style="display:none"><i class="instant-state fa fa-times-circle"></i><i>请选取开始日期</i></span>
							</div>
						</td>
					</tr>
					<tr>
						<td class="label">
							结束日期
						</td>
						<td class="essential-mark">
							<span class="star-red">*</span>
						</td>
						<td>
							<div class="widget-input">
								<input type="text" style="width:120px;" onClick="WdatePicker({readOnly:true,minDate:'#F{$dp.$D(\'startDate-input\')}'})" class="Wdate" name="endDate" id="endDate-input" style=""><span class="wrong" id="endDate-input-wrong-info" style="display:none"><i class="instant-state fa fa-times-circle"></i><i>请选取结束日期</i></span>
							</div>
						</td>
					</tr>
					<tr>
						<td>
						</td>
						<td>
						</td>
						<td>
							<div class="widget-input submit-button" style="margin-top:-5px;">
								<span id="submit-order" class="submit-but action">提交查询</span>
							</div>
						</td>
					</tr>
				</table>
			</form>
		</div>
	</div>
</div>

<div class="footer-box clear path">
	<div class="footer-img-box">
		<div class="footer-img-left">
			<img src="${webPath}/images/logo.png" style="width:60px; height:auto; float:left">
			<ul style="padding-top:20px;float:left; padding-left:20px;">
				<li><span class="phone">0311-69095114</span></li>
				<li><span class="mail">时间：8:00-18:00</span></li>
				
			</ul>
		</div>
		<ul class="footer-img-right">
			<li class="image-hospital">
			<p>
				友情连接：
			</p>
			<ul>
				<li>
					<a title="网站名称：中健网网站地址：http://www.59120.com网站简介：综合健康网。" target="_blank" href="http://www.59120.com">中健网</a>
				</li>
				<li>
					<a title="网站名称：花讯网网站地址：http://www.flowercn.net网站简介：花卉资讯第一站。" target="_blank" href="http://www.flowercn.net">花讯网</a>
				</li>
				
				<li>
					<a title="网站名称：卫生部
网站地址：http://www.moh.gov.cn/
网站简介：卫生部" target="_blank" href="http://www.moh.gov.cn/">卫生部</a>
				</li>
				<li>
					<a title="网站名称：中医药管理局
网站地址：http://www.satcm.gov.cn/
网站简介：中医药管理局" target="_blank" href="http://www.satcm.gov.cn/">中医药管理局</a>
				<li>
					<a title="网站名称：胸科医院
网站地址：http://www.hbsxkyy.com/
网站简介：" target="_blank" href="http://www.hbsxkyy.com/">胸科医院</a>
				</li>
				<li>
					<a title="网站名称：河北医科大学
网站地址：http://www.hebmu.edu.cn/
网站简介：河北医科大学" target="_blank" href="http://www.hebmu.edu.cn/">河北医科大学</a>
				</li>
				<li>
					<a title="网站名称：河北医大二院
网站地址：http://www.hb2h.he.cninfo.net/
网站简介：河北医科大学第二医院" target="_blank" href="http://www.hb2h.he.cninfo.net/">河北医大二院</a>
				</li>
				<li>
					<a title="网站名称：河北医大三院
网站地址：http://www.cthhmu.com/main/index.aspx
网站简介：河北医科大学第三医院" target="_blank" href="http://www.cthhmu.com/main/index.aspx">河北医大三院</a>
				</li>
				<li>
					<a title="网站名称：河北医大四院
网站地址：http://www.hbydsy.com/
网站简介：河北医科大学第四医院" target="_blank" href="http://www.hbydsy.com/">河北医大四院</a>
				</li>
				<li>
					<a title="网站名称：河北省口腔医院
网站地址：http://www.hebmu.edu.cn/kqyx-1.htm
网站简介：河北医科大学口腔医院" target="_blank" href="http://www.hebmu.edu.cn/kqyx-1.htm">河北省口腔医院</a>
				</li>
				<li>
					<a title="网站名称：河北医大一院
网站地址：http://www.jyyy.com.cn/
网站简介：河北医科大学第一医院" target="_blank" href="http://www.jyyy.com.cn/">河北医大一院</a>
				</li>
				<li>
					<a title="网站名称：河北省卫生厅
网站地址：http://www.hebwst.gov.cn/
网站简介：河北省卫生厅" target="_blank" href="http://www.hebwst.gov.cn/">河北省卫生厅</a>
				</li>
				<li>
					<a title="网站名称：河北省药监局
网站地址：http://www.hebfda.gov.cn/
网站简介：河北省食品药品监督管理局" target="_blank" href="http://www.hebfda.gov.cn/">河北省药监局</a>
				</li>
				<li>
					<a title="网站名称：河北中医学院
网站地址：http://www.hbcmc.edu.cn/
网站简介：河北中医学院" target="_blank" href="http://www.hbcmc.edu.cn/">河北中医学院</a>
			</ul>
			</li>
			
		</ul>
	</div>
	
</div>
</body>
</html>